<template>
	<!-- 注意不要在根元素使用v-for会报错，搞多一个div就行了 -->
<view >
	<view class="content" >
		
		<u-form>  
			<u-form-item  label="头像"  borderBottom  labelWidth="50">
				<image src="../../static/imags/accountManage.png" style="width: 50rpx;height: 50rpx;margin-left: 500rpx;"></image>
				<u-icon
					slot="right"
					name="arrow-right"
				></u-icon>
			</u-form-item>
			
			<u-form-item  label="用户名"  labelWidth="50" borderBottom @click="showSex = true;">
							<u--input
								v-model="sex"
								placeholder="用户名"
								border="none"
							></u--input>
							
							<u-icon
								slot="right"
								name="arrow-right"
							></u-icon>
			</u-form-item>
			
			<u-form-item class="list" label="账号密码"  borderBottom  labelWidth="80">
				<u--input v-model="birthday" border="none" style="color: #007AFF;"></u--input>
				<u-icon
					slot="right"
					name="arrow-right"
				></u-icon>
			</u-form-item>
			
			<u-form-item class="list" label="手机号" borderBottom  labelWidth="50">
				<u--input v-model="phone" border="none" style="color: #007AFF;"></u--input>
				<u-icon
					slot="right"
					name="arrow-right"
				></u-icon>
			</u-form-item>
			
			<u-form-item class="list" label="微信账号"  borderBottom  labelWidth="80" >
				<u--input v-model="address" border="none" style="color: #007AFF;"></u--input>
				<u-icon
					slot="right"
					name="arrow-right"
				></u-icon>
			</u-form-item>
			</u-form>
		</view>

		<u-button id="submit"
					type="primary"
					text="退出当前账号"
					customStyle="margin-top: 30px;"
					@click="submit"
					style="clear: all;"
		></u-button>
	
	</view>	
	
			
</template>

<script scoped>
	// 负责分配成员
	export default {
		data() {
			return {
					
			}
		},
		methods: {
			click() {
				console.log('Cell is clicked.');
			}
		}
	}
</script>

<style scoped>
	
	.content {
		display: flex;
		margin-left: 5px;
		/* 默认是行,弹性 */
		flex-direction: column;
	}
	
	.content #submit{
		margin-left: 0px;
	}
	

	
</style>
